<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:c="http://java.sun.com/jsp/jstl/core">
    
<f:metadata>
<f:event type="preRenderView" listener="#{MBLogin.checkAlreadyLoggedin}" />
</f:metadata>
    
<h:body>
        <ui:composition template="./newTemplate.xhtml">
            <ui:define name="content">           
                <h:panelGroup id="messagePanel" layout="block">
                    <h:messages errorStyle="color: red" infoStyle="color: green" layout="table"/>
                </h:panelGroup>
                <h:form id="form">
                    <p:dataTable value="#{hdDetalleTicketController.listAsigna}" id="tbltickets" var="tickets" paginator="true" 
                                 paginatorAlwaysVisible="false" paginatorPosition="bottom" rows="10">
                        <p:column style="width: 100px">
                            <f:facet name="header">
                                <h:outputText value="Codigo Ticket" />
                            </f:facet>
                            <h:outputText id="codTicket1" value="#{tickets.codTicket.codTicket}" />
                        </p:column>   
                        <p:column style="width: 100px">
                            <f:facet name="header">
                                <h:outputText value="Titulo" />
                            </f:facet>
                            <h:outputText id="titulo" value="#{tickets.codTicket.tituloTicket}" />
                        </p:column>  
                        <p:column>
                            <f:facet name="header">
                                <h:outputText value="Solicitado Por:" />
                            </f:facet>
                            <h:outputText id="NickUsuario" value="#{tickets.codTicket.codUsuario.nickUsuario}" />
                        </p:column>
                        <p:column sortBy="#{tickets.codTicket.fecCanalizado}">
                            <f:facet name="header">
                                <h:outputText value="Fecha Canalizacion:" />
                            </f:facet>
                            <h:outputText id="fecRegistro" value="#{tickets.codTicket.fecCanalizado}" >
                                <f:convertDateTime pattern="dd/MM/yyyy HH:mm" />
                            </h:outputText>  
                        </p:column>
                        <p:column sortBy="#{tickets.fecAsignacion}">
                            <f:facet name="header">
                                <h:outputText value="Fecha Asignacion" />
                            </f:facet>
                            <h:outputText id="fecAsigna" value="#{tickets.fecAsignacion}" >
                                <f:convertDateTime pattern="dd/MM/yyyy HH:mm" />
                            </h:outputText>  
                        </p:column>
                        <p:column>
                            <f:facet name="header">
                                <h:outputText value="Estado" />
                            </f:facet>
                            <h:outputText value="#{tickets.codTicket.codEstado.descEstado}" />
                        </p:column>
                        <p:column>
                            <f:facet name="header">
                                <h:outputText value="Observaciones" />
                            </f:facet>
                            <p:dataList value="#{tickets.hdObservacionesList}" var="obs" itemType="disc">  
                                <h:outputText value="#{obs.desObservacion} -- " />
                                <h:outputText value= "#{obs.fecObservacion}">
                                    <f:convertDateTime pattern="dd/MM/yyyy HH:mm" />
                                </h:outputText>
                            </p:dataList>
                        </p:column>

                        <p:column style="width:40px">  
                            <f:facet name="header">
                                <h:outputText value="Agregar Obs." />
                            </f:facet>
                            <p:commandButton id="selectButton" update=":form:display" oncomplete="TDialog.show()" 
                                             icon="ui-icon-pencil" style="border: none; height: 27px" title="Agregar Observaciones">  
                                <f:setPropertyActionListener value="#{tickets}" target="#{hdDetalleTicketController.detTicket}" />  
                            </p:commandButton>  
                        </p:column>

                        <p:column style="width:40px"> 
                            <f:facet name="header">
                                <h:outputText value="Cambiar Estado" />
                            </f:facet>
                            <p:commandButton value="Cerrar Ticket" action="#{hdTicketsController.updateTec(tickets.codTicket)}"  ajax="false" />
                        </p:column>
                    </p:dataTable>

                    <p:dialog header="Agregar Observaciones" widgetVar="TDialog" resizable="false" id="carDlg"  
                              showEffect="fade" hideEffect="explode" modal="true">

                        <h:panelGrid id="display" columns="2" cellpadding="4" style="margin:0 auto;" width="800px">  

                            <h:outputText value="No Ticket:" style="font-weight: bold" />
                            <h:outputText value="#{hdDetalleTicketController.detTicket.codTicket.codTicket}" />
                            <h:outputText value="Ingrese su Comentario" />
                            <p:inputTextarea rows="10" cols="50" value="#{hdObservacionesController.observacion}" id="txtObserv" />

                            <f:facet name="footer">
                                <p:commandButton value="Adicionar" action="#{hdObservacionesController.create(hdDetalleTicketController.detTicket)}" ajax="false" />
                            </f:facet>

                        </h:panelGrid>
                    </p:dialog>



                </h:form>

            </ui:define>
        </ui:composition>
    </h:body>
</html>

